<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<ul>
		    <li onclick="onZclsClick();">
		        中超联赛
		        <ul id="zcls-child">
		            <li>广州恒大</li>
		          	<li>北京国安</li>
		          	<li>山东鲁能</li>
		          	<li>江苏绿城</li>
		        </ul>
		    </li>
		  	<li>意甲联赛</li>
		  	<li>德甲联赛</li>
		</ul>
	</body>
	<script>
		document.getElementById("zcls-child").style.display="none";
		let flag=true;
		function onZclsClick(){
			if(flag){
				document.getElementById("zcls-child").style.display="block";
			}else{
				document.getElementById("zcls-child").style.display="none";
			}
			flag=!flag;
		}
	</script>
</html>